<!DOCTYPE html>
<html>    
    <head>
        <?php @include('cmhead.php'); ?>
        <link rel="stylesheet" href="css/theme1/pos.css">
        <?php @include('cmheadjs.php'); ?>
    </head>
    <body ontouchstart="" class="clBg1">
        <div class="wrprPOS clBg5">
            <div class="wrpPOS clBg5 clearfix">
                <?php @include('pos-hd.php'); ?>
                <?php @include('pos-menu.php'); ?>
                <div class="workSpace">
                    <!-- content -->
                    <div class="wrprSale">
                        <div class="wrpSale clearfix">
                            <div class="wrprSaleItm">
                                <div class="wrpSaleItm">
                                    <div class="wrprSalePpl clBd2 bdFull">
                                        <div class="wrpSalePplHd clBg1 clBd2 bdBtm">
                                            <span class="clTxtPOSB fs02">Popular Items</span>
                                        </div>
                                        <div class="wrpSalePplBd clBg3">
                                            <div class="contin continL">
                                                <span class="icoPOS icoContL"></span>
                                            </div>
                                            <div class="contin continR">
                                                <span class="icoPOS icoContR"></span>
                                            </div>
                                            <div class="noPOSData noPplPOS">
                                                <span class="fs05">No popular items.</span>
                                                <span class="fs02">You can add popular products in this popular box by adding #popular in tag field of the product.</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="wrprSalePd clBd2 bdFull">
                                        <div class="wrpSalePdHd clBg1 clBd2 bdBtm">
                                            <div class="wrprSalePdTag">
                                                <div class="wrpOutSalePdTag clearfix">
                                                    <div class="noPOSData noTagPOS">
                                                        <span class="fs05">No tags.</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="wrprSalePdSrch">
                                                <form class="wrpSalePdSrch">
                                                    <input class="inpPdSrch clBg4 fs07 clTxt3" type="text" placeholder="Search">
                                                    <div class="btnPdSrch clBg3">
                                                        <span class="icoPOS icoSrch"></span>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                        <div class="wrpSalePdBd clBg3">
                                            <div class="contin continT">
                                                <span class="icoPOS icoContT"></span>
                                            </div>
                                            <div class="contin continD">
                                                <span class="icoPOS icoContD"></span>
                                            </div>
                                            <div class="wrpInSalePdBd clearfix">
                                                <div class="noPOSData noSrch">
                                                    <span class="icoPOS icoNoSrch"></span>
                                                    <span class="fs05">Search Not Found</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="wrpPmtSpc clearfix">
                                        <div class="wrprSalePmt clBd2 bdFull">
                                            <div class="wrpSalePmtHd clBg1 clBd2 bdBtm clearfix">
                                                <div class="wrpTxtPmt">
                                                    <span class="clTxtPOSB fs02">Promotion</span>
                                                </div>
                                                <form class="wrpCodePmt clearfix">
                                                    <input type="text" class="inpCodePmt clBg4 clTxt3 fs02" placeholder="Enter Coupon Code">
                                                    <button class="btnPOSB btnCodePmt fs02">SUBMIT</button>
                                                </form>
                                            </div>
                                            <div class="wrpSalePmtBd clBg3">
                                                <div class="contin continL">
                                                    <span class="icoPOS icoContL"></span>
                                                </div>
                                                <div class="contin continR">
                                                    <span class="icoPOS icoContR"></span>
                                                </div>
                                                <div class="noPOSData noPmtPOS">
                                                    <span class="fs05">No promotion items.</span>
                                                    <span class="fs02">Please add promotions in promotion feature of DMConnex or <a href="">click here</a>.</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="wrprSaleSpc clBd2 bdFull">
                                            <div class="wrpSaleSpcHd clBg1 clBd2 bdBtm clearfix">
                                                <div class="wrpTxtSpc">
                                                    <span class="clTxtPOSB fs02">Special</span>
                                                </div>
                                            </div>
                                            <div class="wrpSaleSpcBd clBg3">
                                                <div class="wrpInSaleSpcBd">
                                                    <span class="icoPOS icoSpc"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="wrprSaleCart clBg3">
                                <div class="wrpSaleCart">
                                    <div class="wrprSaleCtm clBd2 bdBtm clearfix">
                                        <div class="wrpSaleCtm">
                                            <img src="img/dfthmbuser.jpg" alt="img">
                                            <div class="wrpCtmName">
                                                <div class="wrpInCtmName">
                                                    <div class="ctmName">
                                                        <span class="clTxtPOSB fs05 cutTxt">Guest</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="wrpRgtCtm">
                                            <button class="btnPOSW btnRgt fs05">REGISTER</button>
                                        </div>
                                    </div>
                                    <form class="wrprSalePrc clBd2 bdBtm">
                                        <div class="totalPrice clBg5 clBd2 bdFull clearfix">
                                            <span class="spnSaleTotal clTxtPOSB fs05">Total</span>
                                            <span class="spnSalePrc clTxtPOSB fs11">0 Baht</span>
                                        </div>
                                        <div class="tender clearfix">
                                            <span class="tenderTxt clTxtPOSB fs05">Cash<em>(Baht)</em></span>
                                            <input type="text" class="tenderInp clBg4 clTxt3 fs04" readonly>
                                        </div>
                                        <div class="change clearfix">
                                            <span class="changeTxt clTxtPOSB fs05">Change<em>(Baht)</em></span>
                                            <span class="changeCost clTxt3 fs11">0</span>                                            
                                        </div>
                                        <div class="btnOrdChk clearfix">
                                            <div class="btnOutOrd">
                                                <button class="btnPOSC btnOrd fs07">ORDER</button>
                                            </div>
                                            <div class="btnOutChk">
                                                <button class="btnPOSB btnCheck fs07">CHECK</button>
                                            </div>
                                        </div>
                                    </form>
                                    <div class="wrprSaleLst">
                                        <div class="hdSaleLst clBg1 clBd2 bdBtm clearfix">
                                            <span class="hdSaleItmLst fs02 clTxtPOSB">Item List</span>
                                            <span class="hdSaleTtLst fs02 clTxtPOSB">Total Item : 0</span>
                                        </div>
                                        <div class="wrpOutSaleLst">
                                            <div class="wrpInSaleLst">
                                                <div class="contin continT">
                                                    <span class="icoPOS icoContT"></span>
                                                </div>
                                                <div class="contin continD">
                                                    <span class="icoPOS icoContD"></span>
                                                </div>
                                                <div class="wrpSaleLst">
                                                    <div class="noPOSData noLstPOS">
                                                        <span class="icoPOS icoNoSaleLst"></span>
                                                        <span class="fs05">No sales items.</span>
                                                        <span class="fs02">Please select product or promotion.</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <?php @include('pos-micpop.php'); ?>
            <?php @include('pos-cal.php'); ?>
        </div>
        <script src="js/uidf.js"></script>
        <script src="js/vendor/html5-qrcode.min.js"></script>
    </body>
</html>
